/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * This typography file is included in the WYSIWYG editor and the front end. It provides
 * a place to add link styles and font styles you would like in the CMS and the Front End.
 */

 
/* GENERIC STYLES 
-------------------------------------------- */
s {
	color: #999;	
}

.greyText {
	color: #777;	
}
 
 
.typography strong {
	color: #C74451;
} 
 
.typography {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
}

/* PARAGRAPHS 
-------------------------------------------- */
.typography p { 
 	color: inherit;
 	line-height: 16px;
 	font-size: 14px;
	margin: 0 0 18px 0;
}


.typography #HomeFeature p {
	font-size: 14px !important;	
}

.typography table p {
	margin: 0px;	
}

.typography .sideRedBox p {
	color: #e2dcdd;	
}

.infoBox p{
	margin:5px 0 10px;
}

.infoBox {
	color:#333333;
	font-size:12px;	
}

/* QUOTES
-------------------------------------------- */
.typography blockquote {
	margin: 10px;
	font-size: 1.4em;
	color: #777;
	font-style: italic;
}	
.typography q {
	display:block;
	font-size: 0.8em;
	margin: 1em 1em;
	padding: 0.5em;
	border: 1px #ccc solid;
}

/* LINKS 
-------------------------------------------- */

.typography a {
	
  outline: none !important;
	
}


a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #0088CC !important;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 


a.button:hover {
    background-position: bottom right;
    color: #0088CC !important;
	text-decoration: none !important;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 5px 0 5px 18px; /* push text down 1px - changed back to 5px  */
} 



a.button:active {
    background-position: bottom right;
    color: #ccc !important;
}

a.button:active span {
    background-position: bottom left;
    padding: 5px 0 5px 18px; /* push text down 1px - changed back to 5px  */
} 

.typography a { 
	text-decoration: none;
	color: #0088CC;
	font-size: inherit;
}
	.typography a:hover {
	color: #0088CC;
	text-decoration: underline;

	}

.typography a.blogLink {
		color: #000;	
}

.typography a:hover.blogLink {
	color: #F00;
	text-decoration: none;	
}

.typography a.HomeblogLink {
		color: #F00;	
}

.typography a:hover.HomeblogLink {
	color: #000;
	text-decoration: none;	
}



.typography a.readmore {
	text-decoration: none;
	color: #000;
}



a:hover.readmore {
	text-decoration: none;
	color: #F00;
	border-bottom: none 0px;

}

#PageNumbers {
	font-size: 18px;	
}


	/* LINK ICONS - shows type of file
	------------------------------------ */
	.typography a[href$=".pdf"],
	.typography a[href$=".PDF"],	
	.typography a.pdf {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
	}
	.typography a[href$=".doc"],
	.typography a[href$=".DOC"],
	.typography a.doc {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_word.png) no-repeat left center;
	}
	.typography a[href$=".xls"],
	.typography a[href$=".XLS"],
	.typography a.xls {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_excel.png) no-repeat left center;
	}
	.typography a[href$=".gz"],
	.typography a[href$=".GZ"],
	.typography a[href$=".gzip"],
	.typography a[href$=".GZIP"],
	.typography a[href$=".zip"],
	.typography a[href$=".ZIP"],
	.typography a.archive {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_zip.png) no-repeat left center;
	}
	.typography a[href$=".exe"],
	.typography a[href$=".EXE"],
	.typography a.application {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/application.png) no-repeat left center;
	}

/* LIST STYLES 
-------------------------------------------- */
.typography ul, 
.typography ol {
	margin: 0;
}
	.typography li {
		
	}
		.typography li li {
		}

.typography ul#PageGalleryList  {
	padding: 0px;
	margin: 0px;
}

.typography ul#PageGalleryList li {
	list-style: none;
	float: left;
	padding: 0px;
	margin: 3px;
}

.typography ul#PageGalleryList li a img {
	border: 2px solid #e4e4e4;
}

.typography ul#PageGalleryList li a:hover img {
	border: 2px solid #F00;
}



.typography ul.shotList {
	margin: 20px 0px 0px 0px;
	float: left;
}

.typography ul.shotList li {
	color: #999;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
}


		
/* HEADER STYLES 
-------------------------------------------- */

.typography h1 { 
	color: #4EA3D7; 
	margin: 0 0 18px 0;
	font-weight: 300;
	font-family: Tahoma, Verdana, sans-serif;
}

.typography h1{
	padding: 30px 0px !important;	
}

.typography h1 {
	font-size: 24px;
}

.typography h2 {
	line-height:1.6;
	color: #262626;
	font-size: 18px;
	margin: 10px 0px 10px 10px !important;
	
}




.typography h3 {
	font-size:20px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight: normal;
	line-height:1.2;
	margin: 15px 0px 15px 5px;
	display: block;
	color: #262626;

}


.typography h3.currentJobs {
	padding: 0px 0px 2px 40px;
	background: transparent url(../images/current-jobs.png) no-repeat left center;
}


.typography h3.completedJobs {
	padding: 0px 0px 2px 40px;
	background: transparent url(../images/completed-jobs.png) no-repeat left center;
}

.typography h3.closedJobs {
	padding: 0px 0px 2px 40px;
	background: transparent url(../images/closed-jobs.png) no-repeat left center;
}

.typography h3.canceledJobs {
	padding: 0px 0px 2px 40px;
	background: transparent url(../images/canceled-jobs.png) no-repeat left center;
}

.typography h3.searchJobs {
	padding: 0px 0px 2px 40px;
	background: transparent url(../images/search-jobs.png) no-repeat left center;
}

.typography h3.createJobs {
	padding: 0px 0px 2px 40px;
	background: transparent url(../images/create-new-jobs.png) no-repeat left center;
}

.typography h3.createClient {
	padding: 0px 0px 2px 40px;
	background: transparent url(../images/create-new-client.png) no-repeat left center;
}

.typography h3.calView {
	padding: 0px 0px 2px 40px;
	background: transparent url(../images/cal.png) no-repeat left center;
}

.typography h3.todoList {
	padding: 0px 0px 2px 40px;
	background: transparent url(../images/todo.png) no-repeat left center;
}

.typography  h3.homeTitle {
	margin: 21px 0px 20px 0px !important;
}

.typography .workRightContent h3 {
	margin: 10px 0px 10px 0px !important;
	padding: 0px;
	color: #369;
	font-size: 14px;
}

.typography .sideRedBox h3 {
/*	background: #540312 url(../images/redBox-bg.jpg) repeat-x left center;*/
	padding: 10px 19px;
	color: #ea2828;
	font-size: 16px;
	margin: 0px 0px 10px 0px ;
	color: #FFF;
}

.typography  h3.centreTitle {
	text-align: center;
	padding: 0px;
	margin: 3px 0px;
}



.typography h4 {
	font-size:16px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight: normal;
	line-height:1.2;
	margin: 15px 0px 15px 0px;
	display: block;
	color: #262626;
	border-bottom: 1px dotted #ccc;
	padding: 0px 0px 10px 0px;
}

.typography h4.figTitle {
	color: #000;
	font-weight: bold;	
}



h4.postHomeTitle {
	font-size: 18px;
	margin: 0px 0px 20px 0px; 
}

h4.postTitle {
	font-size: 22px;
	margin: 0px 0px 20px 0px; 
}


h3.imgTitle{
	margin: 21px 0px 20px 0px !important;
	/*border-top: 1px solid #000;*/
	padding: 0px;	
}

h3.sideimgTitle {
	margin: 0px 0px 20px 0px !important;	
}

.typography h5 {
	font-size: 14px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.2;
	margin: 0px 0px 5px 0px;
	color: #333;
	display: block
}

.typography h6 {

	font-size: 16px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.2;
	margin: 0px 0px 0px 0px;
	color: #333;
	display: block
}

/* PRE STYLES 
-------------------------------------------- */	
.typography pre {
	font-family:"Courier New",Courier;
	display:block;
	font-size:1.2em;
	margin:2em 5em;
	padding:0.5em;
	border:1px #ccc solid;
	background:#eee;;
}

/* TABLE STYLING 
-------------------------------------------- */


.typography table.formTable {

	-moz-border-radius:10px 10px 10px 10px;
	background:none repeat scroll 0 0 #fff;
	overflow:hidden;
	width: 100%;
	
}

.typography .formTable tr {
	border-top: 1px solid #e5e5e5;
}

.typography .formTable tr.firstLine {
	border-top: 0px none;
	
}


.typography .formTable td {
	padding: 10px 20px;
	
}


.typography .formTable tr.calLine {
	border-top: 1px solid #999 !important;
}


.typography table.noteTable {
	margin: 0px;
	font-size: 12px;
	color: #000;
	background: #FFF6DD;
	
	
}

.typography .noteTable tr {
	border-top: 1px solid #fff;
}



.typography .tableBorder {
/*border: 1px solid #FFAA01;*/
border: 1px solid #999;
margin: 0px 0px 0px 0px;	
}


.typography table.liteTable {
	margin: 0px;
	font-size: 12px;
	color: #000;
	background: #CBD8E6;
}

.typography table.pinkTable {
	margin: 0px;
	font-size: 12px;
	color: #000;
	background: #f5e4f0;
}

.typography table.redTable {
	margin: 0px;
	font-size: 12px;
	color: #000;
	background: #fcedf0;
}


.typography table.teaTable {
	margin: 0px;
	font-size: 12px;
	color: #000;
	background: #e8f6f8;
}

.typography table.greenTable {
	margin: 0px;
	font-size: 12px;
	color: #000;
	background: #ebf7d3
}




.typography .liteTable tr {
border-top: 1px solid #fff;
}

.typography .litetableBorder {
border: 1px solid #999;
margin: 0px 0px 18px 0px;	
}



.typography table.greyTable {
	margin: 0px;
	font-size: 12px;
	color: #666;
	background: #F3F3F3;
}

.typography table.greyTable tr {
	border-top: 1px solid #e5e5e5;
}



	.typography tr.evenRow {
		background: #FFEDBB;
		}
		
		.typography tr.headerRow {
			background: #333;
			color: #FFF;
			font-size: 12px;
			font-weight: bold;
			border-top: 0px none;
			height: 33px;
			padding: 10px 0px 0px 0px;
		}
		
		
			.typography tr.headerRowPink {
			background: url("../images/titlebar_bg_pink.gif") repeat-x scroll top left #F6F6F6;
			color: #FFF;
			font-size: 12px;
			font-weight: bold;
			border-top: 0px none;
			height: 33px;
			padding: 10px 0px 0px 0px;
		}
		
		
			.typography tr.headerRowRed{
			background: url("../images/titlebar_bg_red.gif") repeat-x scroll top left #fff;
			color: #FFF;
			font-size: 12px;
			font-weight: bold;
			border-top: 0px none;
			height: 33px;
			padding: 10px 0px 0px 0px;
		}
		
		
		.typography tr.headerRowGreen{
			background: url("../images/titlebar_bg_green.gif") repeat-x scroll top left #fff;
			color: #FFF;
			font-size: 12px;
			font-weight: bold;
			border-top: 0px none;
			height: 33px;
			padding: 10px 0px 0px 0px;
		}
		
		
			.typography tr.headerRowTea{
			background: url("../images/titlebar_bg_tea.gif") repeat-x scroll top left #fff;
			color: #FFF;
			font-size: 12px;
			font-weight: bold;
			border-top: 0px none;
			height: 33px;
			padding: 10px 0px 0px 0px;
		}
		
		.typography tr.headerRow a {
			color: #CBD8E6;	
		}
		
		
			.typography tr.titleRow {
			background: #fff;
			color: #FFF;
			font-size: 12px;
			font-weight: bold;
			border-top: 0px none;
			height: 33px;
			padding: 10px 0px 0px 0px;
		}
		
			.typography tr.headerRowBlue {
			background: url("../images/titlebar_blue_bg.jpg") repeat-x scroll top left #fff;
			color: #FFF;
			font-size: 12px;
			font-weight: bold;
			border-top: 0px none;
		}
	
		.typography td {
			padding:8px;
		}
		
		
		.typography table.taskTable {
			font-size: 12px;
				
		}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align:justify;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}

#workItemLeftContent .left,
#workItemMidContent .left,
#workItemRightContent .left {
	text-align: justify;
	float: left;
	padding: 0px 10px 15px 0px;
}


/* IMAGES 
-------------------------------------------- */
.typography img {
	border: none;
}
	.typography div.image.right,
	.typography div.captionImage.right {
		float: right;
		margin-left: 20px;
	}
	
	.typography .captionImage {
		border: 1px solid #aaa;
		padding: 5px;
	}
	
	.typography div.image.left,
	.typography div.captionImage.left {
		float: left;
	}
	.typography div.image.leftAlone,
	.typography div.captionImage.leftAlone {
		float: left;
		margin-right: 100%;
	}
	.typography div.image.center,
	.typography div.captionImage.center {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
	.typography .caption {
		font-weight: bold;
		text-align: center;
		color: #666;
	}


.typography .totalFig {
	font-size: 18px;
	font-weight: bold;
	text-align: centre;	
}

.typography .balanceFig {
	font-size: 18px;
	font-weight: bold;
	text-align: centre;	
	color: #F00;
}

.redAlert {
	color: #a21e2a;
	font-weight: bold;	
}

.greenText {
	color: #0C6;
	font-weight: bold;	
}

.blueText {
	color: #8694af;

}

.numberBG {
			background: url("../images/number_bg.gif") no-repeat top left #fff;
			color: #FFF;
			font-size: 11px;
			font-weight: bold;
			display: block;
			padding: 1px 0px 0px 0px;
			width: 32px;
			text-align: center;
			height: 19px;
}



.hoursBG {
			background: url("../images/hours_bg.gif") no-repeat top left #fff;
			color: #FFF;
			font-size: 11px;
			font-weight: bold;
			display: block;
			padding: 1px 0px 0px 0px;
			width: 50px;
			text-align: center;
					height: 19px;
}

.hoursESTBG {
			background: url("../images/hours_est_bg.gif") no-repeat top left #fff;
			color: #FFF;
			font-size: 11px;
			font-weight: bold;
			display: block;
			padding: 1px 0px 0px 0px;
			width: 50px;
			text-align: center;
					height: 19px;
}



.typography .content {
	font-family: Arial, Helvetica, sans-serif !important;	
}


.notes {
	color: #999;	
}

.midColOne a {
	color: #FFF;
}

.midColOne a:hover {
	color: #fff;

}